<template>
    <van-nav-bar title="xxx标题" :fixed="true" />
    <so></so>
    <lb :image="image"></lb>

    <van-tabs v-model:active="animated">
        <van-tab title="标签 1">
            <div class="jjb">

                <p><img src="../../../img/001.png" alt=""> 电视</p>
                <p><img src="../../../img/002.png" alt="">冰箱</p>
                <p><img src="../../../img/001.png" alt=""> 电视</p>
                <p><img src="../../../img/002.png" alt="">冰箱</p>
                <p><img src="../../../img/001.png" alt=""> 电视</p>
                <p><img src="../../../img/002.png" alt="">冰箱</p>
            </div>
        </van-tab>
        <van-tab title="标签 2">
            <div class="jjb">


                <p><img src="../../../img/002.png" alt="">冰箱</p>
            </div>
        </van-tab>
        <van-tab title="标签 3">
            <div class="jjb">

                <p><img src="../../../img/001.png" alt=""> 电视</p>

            </div>
        </van-tab>
        <van-tab title="标签 4">
            <div class="jjb">

                <p><img src="../../../img/001.png" alt=""> <span>电视</span></p>

                <p><img src="../../../img/002.png" alt=""><span>电视</span></p>

            </div>
        </van-tab>
    </van-tabs>
</template>

<script setup>
import so from '@/components/so.vue';
import lb from '@/components/lb.vue';
const image = [
    'https://fastly.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
    'https://fastly.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
    'https://fastly.jsdelivr.net/npm/@vant/assets/apple-3.jpeg',
    'https://fastly.jsdelivr.net/npm/@vant/assets/apple-4.jpeg',
];
</script>

<style>
.jjb {
    width: 100px;
    height: 100px;

    img {
        width: 100px;
        height: 100px;
     
    }
     span {
        text-align: center;
        color: brown;
    }
  

}
</style>